<template>
  <p>
    <input type="checkbox" :checked="value" @change="$emit('change', $event.target.checked)" />
    <span class="badge badge-secondary label">{{id+1}}</span>
    <span>{{base.text}}</span>
  </p>
</template>

<script>
export default {
  neme: "ChechView",
  props: ["base", "id", "value"],
  model: {
    prop: "value",
    event: "change"
  }
};
</script>

<style scoped>
.label {
  margin: 0 0.5em;
}
</style>